<template>
	<view>
		<!-- 回退的功能 -->
		<!-- 首先添加点击事件 -->
		<!-- 在点击事件里写页面跳转的方法 -->
		<image class="icon" @click="back" src="../../static/yiliaohangyedeICON-.png"></image>
		<swiper @change="currentChange" indicator-dots="true" indicator-color="#000" indicator-active-color="#fff" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<image style="width: 100%;" src="../../static/banner1.png"></image>
			</swiper-item>
			<swiper-item>
				<image style="width: 100%;" src="../../static/banner2.png"></image>
			</swiper-item>
		</swiper>
		<progress percent="40" show-info />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				//回到上一级页面
				uni.navigateBack()
			},
			currentChange(e){
				console.log(e)
				//当划到第二张图片的时候提示
				if(e.detail.current == 1){
					//alert("第二张图片")
				}
			}
		}
	}
</script>

<style>
	.icon{
		width: 30px;
		height: 30px;
	}
</style>
